<template>
  <div class="tab2">
     <input type="text" placeholder="您的手机号" required>
     <!-- <input type="text" placeholder="验证码" required> -->
     <div class="code">
         <input type="text" placeholder="短信验证码" required>
         <span>免费获取验证码</span>
     </div>
  </div>
</template>

<script>
export default {

}
</script>

<style scoped>
    input{
        height: 1rem;
        border: 0;
        font-size: 0.35rem;
        line-height: 0.35em;
        width: 100%;
        text-indent: 0.25rem;
    }
    input:first-child{
        border-bottom: 1px solid #dadada;
    }
    .tab2{
        border: 1px solid #dadada;
        width: 100%;
        margin: auto;
        border-radius: 0.13rem;
        color: #999;
    }
    .code{
        position: relative;
    }
    .code span{
        position: absolute;
        top: 0.15rem;
        right: 0.2rem;
        display:inline-block;
        width: 2.3rem;
        height: 0.7rem;
        text-align: center;
        line-height: 0.7rem;
        background-color: #ff8a00;
        color: #fff;
        font-size: 0.3rem;
        border-radius: 0.05rem;
    }
</style>>
